<template>
  <button class="mbut" :style="computedStyle">
    <slot></slot>
  </button>
</template>

<script>
import { } from "vue"
export default {
  name: 'MButton',
  components: {},
  props: {
    style: {
      type: Object,
      required: false
    },
  },
  computed: {
    computedStyle() {
      return {
        ...this.style
      };
    }
  },
  setup() {
    return {
    };
  },
};
</script>

<style scoped>
.mbut {
  color: white;
  width: 120px;
  height: 34px;
  background: #457bf7ff;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  font-size: 16px;
}

.mbut:hover {
  background: #6a9efaff;
}
</style>
